<template>
	<div>
		<!-- <van-tabbar v-model="active">
		  <van-tabbar-item icon="home-o">标签</van-tabbar-item>
		  <van-tabbar-item icon="search">标签</van-tabbar-item>
		  <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
		  <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
		</van-tabbar> -->
		<!-- 这是使用vantui进行配置的底部tabbar，接下来自己手动使用vue来进行封装 -->
		<van-tabbar route v-model="active">
		  <van-tabbar-item replace to="/" icon="home-o">
		   首页
		  </van-tabbar-item>
		  <van-tabbar-item replace to="/about" icon="search">
		    关于
		  </van-tabbar-item>
		</van-tabbar>
		
	</div>
</template>

<script>
	export default {
	  name: "HelloWorld",
	  data(){
		  return {
			  active: 0
		  }
	  }
	};
</script>

<style>
</style>
